<template>
  <div>
    <!-- 面包屑区域 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/welcome' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>商品管理</el-breadcrumb-item>
      <el-breadcrumb-item>商品列表</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 卡片区域 -->
    <el-card>
         <!-- 用户搜索框 -->
         <el-row :gutter="12">
           <el-col :span="8">
             <el-input placeholder="请输入内容" ><el-button slot="append" icon="el-icon-search" ></el-button></el-input>
           </el-col>
           <el-col :span="16">
             <el-button type="primary">添加商品</el-button>
           </el-col>
         </el-row>
      
    </el-card>
  </div>
</template>
<script>
export default {
  dada() {
    return {
       queryInfo:{
         query:'',
         pagenum:1,
         pagesize:10
       }
    };
  },
  created() {
      this.getGoodsList();
  },
  methods: {
      //获取商品列表数据
     async getGoodsList(){
        var {data:res}=await this.$http.get('goods',{params:this.queryInfo})
        console.log(res)
     }
  },
};
</script>
<style lang="less" scoped>
</style>